今天目標是要完成查詢功能。

第一步

增加查詢功能的表單樣式，這邊主要是使用submit的方式去送表單，而且是同頁接收的方式。

<form id="searchForm" method="POST" action="list.jsp">
	<div>
		標題查詢：<input type="text" id="search" name="search" value="<%=search %>" />&nbsp;&nbsp;<input type="button" value="查詢" onclick="toQuery()" />
	</div>
</form>

function toQuery() {
	$("#searchForm").submit();
}

第二步

接著把原本的搜尋的SQL調整一下，變成下面的語法。
接值的地方會這樣撰寫是因為會有空值的狀況，所以需要這樣處理。
sql的部份是使用模糊搜尋的方式，這樣的寫法只要是大於0表示有找到，如果是等於0就是找不到。

request.setCharacterEncoding("UTF-8");

String search = request.getParameter("search") != null ? request.getParameter("search") : "";

String sql = " select * from bulletin ";
	
if(!"".equals(search)) {
    sql += " where instr(title, '"+search+"') > 0 ";
}
	
rs = st.executeQuery(sql);

這樣就改寫完清單頁面，讓它可以查詢。